<template>
	<view>
		<view class="r-canvas-component" :style="{width:canvas_width/scale+'px',height:canvas_height/scale+'px'}"
			:class="{'hidden':hidden}">
			<canvas class="r-canvas" v-if="canvas_id" :canvas-id="canvas_id" :id="canvas_id"
				:style="{width:canvas_width+'px',height:canvas_height+'px','transform': `scale(${r_canvas_scale})`}"></canvas>
		</view>




	</view>
</template>

<script>
	import rCanvasJS from "./r-canvas.js"
	export default {
		mixins: [rCanvasJS]
	}
</script>
<style>
	.r-canvas {
		transform-origin: 0 0;
	}

	.r-canvas-component {
		overflow: hidden;
	}

	.r-canvas-component.hidden {
		position: fixed;
		top: -5000upx;
	}
</style>